<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>个人设置</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<link rel="stylesheet" href="../../css/mui.min.css">
		<link rel="stylesheet" type="text/css" href="../../css/app.css" />
		<style>
			body {
				background: #f8f8f8;
			}
			
			.mui-tab-label {
				font-size: 14px!important;
			}
			
			.mui-title {
				color: #FFFFFF;
			}
			
			.mui-bar i {
				display: block;
				margin-top: 5%;
			}
			
			.mui-icon.iconfont {
				font-size: 20px;
			}
			
			nav .mui-icon {
				left: 50%;
				margin-left: -13px;
			}
			
			.mui-bar.mui-bar-nav {
				background: #0072dc;
			}
			
			.mui-badge {
				display: block;
				width: 10px;
				height: 10px;
				padding: 0!important;
				margin-left: -6px!important;
			}
		</style>
		<script type="text/javascript" charset="utf-8">
			mui.init();
		</script>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<h1 class="mui-title" id="title">我的</h1>
		</header>
		<div class="mui-content">
			<ul class="mui-table-view" style="margin-top: 0px;">
				<li class="mui-table-view-cell" url="" login=''>
					<a id="about" class="mui-navigate-right" style="padding: 18px;">
						<img class="mui-media-object mui-pull-left head-img" id="user-head" src="../../Images/Westbrook.png" >
						<div>
							<span id="user-name">Gavin</span>
						</div>
					</a>
				</li>
			</ul>
			<ul class="mui-table-view" style="margin-top: 30px;">
				<li class="mui-table-view-cell" url="">
					<a class="mui-navigate-right mui-icon iconfont" style="color:#666666;font-size:18px ;line-height: 22px;margin-left: 5px;">&#xe63b;
						<span class="mine-fontset">我的收藏</span><i class="mui-pull-right"></i>
					</a>
				</li>
			</ul>
			<ul class="mui-table-view" style="margin-top: 30px">
				<li class="mui-table-view-cell" url="" style="margin-top: 15px;">
					<a class="mui-navigate-right mui-icon iconfont" style="color:#666666;font-size:18px ;line-height: 22px;margin-left: 5px;">&#xe63c;
						<span class="mine-fontset">关于</span><i class="mui-pull-right"></i>
					</a>
				</li>
				<li class="mui-table-view-cell" url="">
					<a class="mui-navigate-right mui-icon iconfont" style="color:#666666;font-size:18px ;line-height: 22px;margin-left: 5px;">&#xe678;
						<span class="mine-fontset">反馈</span><i class="mui-pull-right"></i>
					</a>
				</li>
				<li class="mui-table-view-cell" url="">
					<a class="mui-navigate-right mui-icon iconfont" style="color:#;font-size:18px ;line-height: 22px;margin-left: 5px;">&#xe632;
						<span class="mine-fontset">设置</span><i class="mui-pull-right"></i>
					</a>
				</li>
			</ul>

			.
		</div>
		<nav class="mui-bar mui-bar-tab">
			<a class="mui-tab-item" id="messages" href="#">
				<i class="mui-icon iconfont">&#xe63e;</i>
				<div class="mui-tab-label">消息</div>
			</a>
			<a class="mui-tab-item" id="circle" href="#">
				<i class="mui-icon iconfont">&#xe809;</i>
				<div class="mui-tab-label">圈子</div>
			</a>
			<a class="mui-tab-item" id="follows" href="#">
				<i class="mui-icon iconfont">&#xe647;</i>
				<div class="mui-tab-label">关注</div>
			</a>
			<a class="mui-tab-item mui-active" id="mine" href="#">
				<i class="mui-icon iconfont">&#xe61c;<span class="mui-badge"></span></i>
				<div class="mui-tab-label">我的</div>
			</a>
		</nav>
	</body>

</html>